body, html {
  padding:0;
  margin:0;
  height:100%;
}

.Desktop {
  float:left;
  width:100%;
  height:100%;
  margin:0;
  font-family:helvetica;   
}

.Desktop .desktopContainer {
  background-color:#222;
  outline:none !important;
  border:none !important;
  width:100%;
  min-width:100%;
  height:100%;
  margin:0;
  padding:0;
  -moz-border-radius:none;
}

.yui-dd-draggable {    
  border:1px solid #555;
}

.yui-dd-dragging {    
  z-index:2000;
}


.Container {
    min-width:20px;
    _width:20px;
    min-height:20px;
    border:1px solid #777;
    float:left;
    display:block;
    position:absolute;
    padding:5px;
    background:white;
}




.BasicToolbar {
    margin:0;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.3em;
}

.ToolbarButton {
    display:block;
    float:left;
    width:6em;
    height:4em;
    background:url(icons/text-x-generic.png) #151515 50% 50% no-repeat;
    margin-right:1px;    
    background-color:#333;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.3em;
    margin:0.2em;
}

.ToolbarButton:hover {
    background-color:#444;
    border-color:#777;
} 



.Fragment {
    background:#fff;
    float:left;
    padding:0.2em;
    border:0.2em solid #fff;
    -moz-border-radius:0.3em;
    -webkit-border-radius:0.3em;
    max-width:600px;
}

div.focusedFragment {
  /*background-color:yellow !important;*/
  outline:1px solid yellow !important;
}

.Fragment .f-editable {
    background-color:#FEFFAF;
    display:none;
    width:100%;
    border:0;
    margin:0;
    padding:0;
    font-family:helvetica;
}

.editing .f-editable {
  display:block;
  width:100%;
}
.editing .f-static {
  display:none;
}
.showing .f-editable {
  display:none;
}
.showing .f-static {
  display:block;
}


/* FF 3 only */
html>/**/body .Fragment .f-editable, x:-moz-any-link, x:default {
    /* otherwise they jump 1px to the right */
    position:relative;
    left:-1px;
}


.HeadingFragment .f-editable, .HeadingFragment .f-static {
    font-size:2.4em;
}


.ToolbarButton {
    background-image:url(icons/document-new.png);
}

.TextFragmentButton {
    background-image:url(icons/text-x-generic.png);
}

.TextFragment {
    color:#333;
}

.TextFragment .f-editable {
    /* chrome */
    font-size:1em;
}




.Window {
  padding:0;
  /*background:#2A7092 url('images/header_back_inactive_darker.png') top left repeat-x;*/
  /*background:#6bd url('images/header_back_active.png') top left repeat-x;*/
  background:#ACCFDD url('images/header_back_inactive_lighter.png') top left repeat-x;
  border:1px outset #aaa;
  padding:0.15em;
  -moz-border-radius:0.2em;
  -webkit-border-radius:0.2em;
  min-width:300px;
  min-height:300px;
  float:left;
}

.focusedPage {
  background:#6bd url('images/header_back_active.png') top left repeat-x;
}
/*
.Window { opacity:0.8; }
.focusedPage { opacity:1; }
*/

.Window .head .pageTitle {
   font-size:1.3em;
   padding:0.2em;
   /*padding:0;*/
   background:transparent;
   border:none;
   margin:0;
   float:left;
   color:white;
   margin-top:0.75em;
   /*margin-bottom:0.1em;*/
}




.Window .head .windowButtons {
   position:absolute;
   top:0;
   right:1px;
}

.Window .head .windowButtons .Button {
  background-color:transparent;
  border:1px solid #99CBDF;
  border-top:none;
  border-right-width:0px;
  color:#DFF6FF;
  position:relative;
  top:-2px;
}

.Window .head .windowButtons .Button:hover {
  background:url(header_gradient2.png) repeat-x scroll 0 -5px;
  /*border-color:#C2E2EF;*/
  color:white;
}

.Window .head .windowButtons .Button:active {
  background:url(header_gradient2.png) repeat-x scroll 0 5px;
}


.Window .head .windowButtons .Button:first-child {
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
}

.Window .head .windowButtons .Button:last-child {
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-right-width:1px;
  margin-right:1px;
}



.Window .head .pageTitle .f-editable {
   font-size:1em;
   border:0;
   margin:0;
   padding:0;
   line-height:100%;
   color:white;
   background-color:#3B99BF;
   font-family:helvetica;
}



.pageContainer {
    background-color:#eee;
    border:inset 1px #6bd;
    min-height:300px;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    clear:both;
    padding-bottom:1.5em;
}

.pageContainer .Fragment {
    margin:4px;
}

.Icon {
  display:block;
  background:transparent;
  margin:0.2em;
  border:none;
}
.Icon a {
  display:block;
  padding-top:3em;
  font-size:0.8em;
  background:url(icons/text-x-generic.png) top center no-repeat;
  text-align:center;
  width:6em;
}

.Desktop .Browser {
  color:white;
  background:transparent;
  border:none;
}


.Document {
  background-color:#eee;
  min-height:200px;
  -moz-border-radius:0.2em;
  -webkit-border-radius:0.2em;
}

.Page .Document {
  background-color:#eee;
  border:inset 1px #6bd;
  clear:both;
  padding-bottom:1.5em;
}


.PageLayout .Document {
  background:transparent none repeat scroll 0 0;
  border-width:1px;
  border-style:dashed;
  border-color:gray;
  padding:0;
  margin:0.2em;
}

.WebPageEditorWindow {
  min-width:500px;
}

.PageLayout {
  border:none !important;
  padding:0 !important;
  margin:0 !important;
}

















